<template>
	<view class="m-5">
		<view class="flex">
			<image :src="v.avatarUrl" mode="aspectFill" class="avatar rounded"></image>
			<view class="ml-2 flex flex-column justify-between">
				<!-- 垂直的去排列  均匀 -->
				<text>{{v.username}}</text>
				<uni-dateformat class="font-sm secondary-color" :date="v.comment_date" format="yyyy-MM-dd"
					:threshold="[60000,3600000*24]"></uni-dateformat>
				
			</view>
		</view>
		<view class="py-2">
			{{v.comment_content}}
		</view>
		
<!-- 		<view class="iconfont flex justify-end">
			<view>
				<text class="icon-pinglun mr-1"></text>
				32
			</view>
			<view class="ml-3">
				<text class="icon-dianzan mr-1"></text>
				32
			</view>
		</view> -->
	</view>
</template>

<script>
	export default{
		props:{
			v:{
				type:Object,
				default:()=>({})
			}
		}
	}
</script>

<style scoped>
	.avatar{
		width: 90rpx;
		height: 90rpx;
	}
</style>